<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:t="http://myfaces.apache.org/tomahawk">  

    <ui:composition template="/templates/layout.xhtml">
        <ui:define name="content">            
            <div class="block">
                <div class="navbar navbar-inner block-header">
                    <div class="muted pull-left">Home</div>
                    <div class="block-content collapse in">
                       
                    </div>
                </div>

            </div>
             <div class="row-fluid">
                        <div class="span6">
                            <!-- block -->
                            <div class="block">
                                <div class="navbar navbar-inner block-header">
                                    <div class="muted pull-left"><a href="#"><b>Lớp đang mở</b></a></div>
                                    <div class="pull-right"><span class="badge badge-info">3</span>

                                    </div>
                                </div>
                                <div class="block-content collapse in">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Tên Lớp</th>
                                                <th>Lịch Học</th>
                                                <th>SL</th>
                                                <th>Giáo Viên</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>LỚP PIANO: 17h30 Thứ 2</td>
                                                <td>Sáng thứ 2 hàng tuần</td>
                                                <td>8</td>
                                                <td>Minh Phương</td>
                                            </tr>
                                             <tr>
                                                <td>2</td>
                                                <td>LỚP PIANO: 17h30 Thứ 2</td>
                                                <td>Sáng thứ 2 hàng tuần</td>
                                                <td>6</td>
                                                <td>Minh Phương</td>
                                            </tr>
                                            <tr>
                                                <td>3</td>
                                                <td>LỚP PIANO: 17h30 Thứ 2</td>
                                                <td>Sáng thứ 2 hàng tuần</td>
                                                <td>4</td>
                                                <td>Minh Phương</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- /block -->
                        </div>
                        <div class="span6">
                            <!-- block -->
                            <div class="block">
                                <div class="navbar navbar-inner block-header">
                                    <div class="muted pull-left"><a href="#"><b>Lớp đang học</b></a></div>
                                    <div class="pull-right"><span class="badge badge-info">12</span>

                                    </div>
                                </div>
                                <div class="block-content collapse in">
                                     <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Tên Lớp</th>
                                                <th>Lịch Học</th>
                                                <th>SL</th>
                                                <th>Giáo Viên</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>LỚP PIANO: 17h30 Thứ 2</td>
                                                <td>Sáng thứ 2 hàng tuần</td>
                                                <td>8</td>
                                                <td>Minh Phương</td>
                                            </tr>
                                             <tr>
                                                <td>2</td>
                                                <td>LỚP PIANO: 17h30 Thứ 2</td>
                                                <td>Sáng thứ 2 hàng tuần</td>
                                                <td>6</td>
                                                <td>Minh Phương</td>
                                            </tr>
                                            <tr>
                                                <td>3</td>
                                                <td>LỚP PIANO: 17h30 Thứ 2</td>
                                                <td>Sáng thứ 2 hàng tuần</td>
                                                <td>4</td>
                                                <td>Minh Phương</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- /block -->
                        </div>
                    </div>

           
        </ui:define>
    </ui:composition>        

</html>  